<!DOCTYPE html>
<html lang="en">

<body class="">
<!-- banner部分 -->
<div class="scroll-container-1">
    <!-- 导航 -->
    <!-- 公共头部 begine-->
    <div th:replace="common/header :: xxxHeader"></div>
    <!-- 公共头部 end-->

    <!-- 案例列表部分 -->
    <div class="common-container common-case-container" id="listBody">


        <div class="common-case-list scroll-reveal-1" data-sr-id="3" style="; visibility: visible;  -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; ">
            <div class="case-info-contain">
                <h4 class="info-title">新作|白宮——致生活与生命的本质</h4>
                <div class="info-text">
                    <p>四年时光，三篇设计札记，讲述一座私宅。 献给主人与他们的家。</p>
                </div>
                <div class="info-more">
                    <a href="/pc/caseDetail/view.do?articleId=154" target="_blank">
                        <i class="transform-line"></i>
                        <span class="text">浏览更多</span>
                    </a>
                </div>
            </div>
            <a class="case-img-contain" href="/pc/caseDetail/view.do?articleId=154" target="_blank">
                <img src="http://www.tkchu.com.tw/uploadFile/d0257a47-1244-4ab6-93a9-12eff52e4426jpg" alt="">
                <img src="" alt="">
            </a>
        </div>
        <div class="common-case-list scroll-reveal-1" data-sr-id="4" style="; visibility: visible;  -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; ">
            <div class="case-info-contain">
                <h4 class="info-title">北京保利和光尘樾·和院光舍</h4>
                <div class="info-text">
                    <p>一个和光有关的项目<br>居于光<br>栖息于自然与时间</p>
                </div>
                <div class="info-more">
                    <a href="/pc/caseDetail/view.do?articleId=18" target="_blank">
                        <i class="transform-line"></i>
                        <span class="text">浏览更多</span>
                    </a>
                </div>
            </div>
            <a class="case-img-contain switch-to-two" href="/pc/caseDetail/view.do?articleId=18" target="_blank">
                <img src="http://www.tkchu.com.tw/uploadFile/d0257a47-1244-4ab6-93a9-12eff52e4426jpg" alt="">
                <img src="http://www.tkchu.com.tw/uploadFile/d0257a47-1244-4ab6-93a9-12eff52e4426jpg" alt="">
            </a>
        </div>
        <div class="common-case-list scroll-reveal-1" data-sr-id="5" style="; visibility: visible;  -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; ">
            <div class="case-info-contain">
                <h4 class="info-title">南京融创·桃花源</h4>
                <div class="info-text">
                    <p>庭院书香<br>丰富的风格和古典形式的完美表达<br>传统人文的精神所在</p>
                </div>
                <div class="info-more">
                    <a href="/pc/caseDetail/view.do?articleId=17" target="_blank">
                        <i class="transform-line"></i>
                        <span class="text">浏览更多</span>
                    </a>
                </div>
            </div>
            <a class="case-img-contain" href="/pc/caseDetail/view.do?articleId=17" target="_blank">
                <img src="http://www.tkchu.com.tw/uploadFile/43d1caa0-a0ea-4ac5-8fee-646d56cd729bjpg" alt="">
                <img src="http://www.tkchu.com.tw/uploadFile/43d1caa0-a0ea-4ac5-8fee-646d56cd729bjpg" alt="">
            </a>
        </div>

        <div class="common-case-list scroll-reveal-1" data-sr-id="6" style="; visibility: visible;  -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s; ">
            <div class="case-info-contain">
                <h4 class="info-title">杭州绿城·江南里</h4>
                <div class="info-text">
                    <p>不无聊的中式<br> 坐落杭州风景名胜<br>  庭与园共生的梦幻江南</p>
                </div>
                <div class="info-more">
                    <a href="/pc/caseDetail/view.do?articleId=16" target="_blank">
                        <i class="transform-line"></i>
                        <span class="text">浏览更多</span>
                    </a>
                </div>
            </div>
            <a class="case-img-contain switch-to-two" href="/pc/caseDetail/view.do?articleId=16" target="_blank">
                <img src="http://www.tkchu.com.tw/uploadFile/d0257a47-1244-4ab6-93a9-12eff52e4426jpg" alt="">
                <img src="http://www.tkchu.com.tw/uploadFile/d0257a47-1244-4ab6-93a9-12eff52e4426jpg" alt="">
            </a>
        </div>

        <!-- 加载动画 -->
        <div class="case-loading-gif common-container" style="display: none;">
            <img src="/images/loading-gear.gif" alt="">
        </div>


        <!-- 页脚部分 begin-->
        <div th:replace="common/footer :: xxxFooter"></div>
        <!-- 页脚部分 end-->

    </div>

    <audio controls="controls" style="display: none;"></audio></body>

<style type="text/css">#yddContainer{display:block;font-family:Microsoft YaHei;position:relative;width:100%;height:100%;top:-4px;left:-4px;font-size:12px;border:1px solid}#yddTop{display:block;height:22px}#yddTopBorderlr{display:block;position:static;height:17px;padding:2px 28px;line-height:17px;font-size:12px;color:#5079bb;font-weight:bold;border-style:none solid;border-width:1px}#yddTopBorderlr .ydd-sp{position:absolute;top:2px;height:0;overflow:hidden}.ydd-icon{left:5px;width:17px;padding:0px 0px 0px 0px;padding-top:17px;background-position:-16px -44px}.ydd-close{right:5px;width:16px;padding-top:16px;background-position:left -44px}#yddKeyTitle{float:left;text-decoration:none}#yddMiddle{display:block;margin-bottom:10px}.ydd-tabs{display:block;margin:5px 0;padding:0 5px;height:18px;border-bottom:1px solid}.ydd-tab{display:block;float:left;height:18px;margin:0 5px -1px 0;padding:0 4px;line-height:18px;border:1px solid;border-bottom:none}.ydd-trans-container{display:block;line-height:160%}.ydd-trans-container a{text-decoration:none;}#yddBottom{position:absolute;bottom:0;left:0;width:100%;height:22px;line-height:22px;overflow:hidden;background-position:left -22px}.ydd-padding010{padding:0 10px}#yddWrapper{color:#252525;z-index:10001;background:url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ab20.png);}#yddContainer{background:#fff;border-color:#4b7598}#yddTopBorderlr{border-color:#f0f8fc}#yddWrapper .ydd-sp{background-image:url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ydd-sprite.png)}#yddWrapper a,#yddWrapper a:hover,#yddWrapper a:visited{color:#50799b}#yddWrapper .ydd-tabs{color:#959595}.ydd-tabs,.ydd-tab{background:#fff;border-color:#d5e7f3}#yddBottom{color:#363636}#yddWrapper{min-width:250px;max-width:400px;}</style>


</html>